!!! 5
html
	head
		title  #{title}.html
		block csses
			link(href='css/common.css',rel='stylesheet',type='text/css',media='screen')
		block scripts
			script
				document.createElement('header');
				document.createElement('nav');
				document.createElement('article');
				document.createElement('section');
				document.createElement('footer');
			script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js')

	body
		block body
			<!-- 头部导航 begin -->
			header.header
				ul.ctrl
					li: a(href="#",hidefocus="true"): img(src="images/temp/icon_small.jpg")
					li: a(href="#",hidefocus="true"): 登录
					li: a(href="#",hidefocus="true"): 退出
				div.search
					form(action="")
						input.search-text(type="text",placeholder="请输入搜索内容...")
						button.search-btn

			<!-- 头部导航 end -->

			<!-- 菜单 begin -->
			nav.nav
				ul
					li
						a.home(href="/index",hidefocus="true")
					li
						a.about(href="#",hidefocus="true")
					li
						a.setting(href="#",hidefocus="true")
					li
						a.folder(href="#",hidefocus="true")
					li
						a.contact(href="#",hidefocus="true")
			<!-- 菜单 end -->

		block footer
			<!-- footer begin -->
			footer.footer
			<!-- footer end -->
